<!DOCTYPE html>
<html lang="zh">

<head>
    <script async src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" >
    </script>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: "ca-pub-8550836177608334",
        enable_page_level_ads: true
    });
    </script>
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="viggo" />
    <title>BI网址导航</title>
    <link rel="shortcut icon" href="../assets/images/favicon.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
    <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap.css">
    <link rel="stylesheet" href="../assets/css/xenon-core.css">
    <link rel="stylesheet" href="../assets/css/xenon-components.css">
    <link rel="stylesheet" href="../assets/css/xenon-skins.css">
    <link rel="shortcut icon" href="#"/>
    <link rel="stylesheet" href="../assets/css/nav.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="page-body">
    <!-- skin-white -->
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <!-- logo -->
                    <div class="logo">
                        <a href="index.html" class="logo-expanded">
                            <img src="../assets/images/bi_1.png" width="100%" alt="" />
                        </a>
                        <a href="index.html" class="logo-collapsed">
                            <img src="../assets/images/bi.png" width="40" alt="" />
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="user-info-menu">
                            <i class="linecons-cog"></i>
                        </a>
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <li>
                        <a href="#TG-BI内部" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">TG-BI内部</span>
                        </a>
                    </li>
                    <li>
                        <a href="#常用网址" class="smooth">
                            <i class="linecons-thumbs-up"></i>
                            <span class="title">常用网址</span>
                        </a>
                    </li>
                    <li>
                        <a href="#天狗测试" class="smooth">
                            <i class="linecons-doc"></i>
                            <span class="title">天狗测试</span>
                        </a>
                    </li>
                    <li>
                        <a href="#天狗线上" class="smooth">
                            <i class="linecons-doc"></i>
                            <span class="title">天狗线上</span>
                        </a>
                    </li>
                    <li>
                        <a href="#天狗预发" class="smooth">
                            <i class="linecons-doc"></i>
                            <span class="title">天狗预发</span>
                        </a>
                    </li>

                    <li>
                        <a href="#工具推荐" class="smooth">
                            <i class="linecons-diamond"></i>
                            <span class="title">工具推荐</span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-pencil"></i>
                            <span class="title">常用技术官网</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#文件存储" class="smooth">
                                    <span class="title">文件存储</span>
                                </a>
                            </li>
                            <li>
                                <a href="#离线计算" class="smooth">
                                    <span class="title">离线计算</span>
                                </a>
                            </li>
                            <li>
                                <a href="#实时计算" class="smooth">
                                    <span class="title">实时计算</span>
                                </a>
                            </li>
                            <li>
                                <a href="#数据库" class="smooth">
                                    <span class="title">数据库</span>
                                </a>
                            </li>
                            <li>
                                <a href="#资源管理" class="smooth">
                                    <span class="title">资源管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="#日志收集" class="smooth">
                                    <span class="title">日志收集</span>
                                </a>
                            </li>
                            <li>
                                <a href="#消息系统" class="smooth">
                                    <span class="title">消息系统</span>
                                </a>
                            </li>
                            <li>
                                <a href="#查询分析" class="smooth">
                                    <span class="title">查询分析</span>
                                    <span class="label label-pink pull-right hidden-collapsed">Hot</span>
                                </a>
                            </li>
                            <li>
                                <a href="#协调服务" class="smooth">
                                    <span class="title">协调服务</span>
                                </a>
                            </li>
                            <li>
                                <a href="#集群管理" class="smooth">
                                    <span class="title">集群管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="#数据同步" class="smooth">
                                    <span class="title">数据同步</span>
                                </a>
                            </li>
                            <li>
                                <a href="#任务调度" class="smooth">
                                    <span class="title">任务调度</span>
                                </a>
                            </li>
                            <li>
                                <a href="#数据可视化" class="smooth">
                                    <span class="title">数据可视化</span>
                                </a>
                            </li>

                        </ul>
                    </li>
                    <li>
                        <a href="about.html">
                            <i class="linecons-heart"></i>
                            <span class="tooltip-blue">关于本站</span>
                            <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-content">
            <nav class="navbar user-info-navbar" role="navigation">
                <ul class="user-info-menu left-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="#" data-toggle="sidebar">
                            <i class="fa-bars"></i>
                        </a>
                    </li>
                    <li class="dropdown hover-line language-switcher">
                        <a href="../cn/index.html" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
                        </a>
                        <ul class="dropdown-menu languages">
                            <li class="active">
                                <a href="../cn/index.html">
                                    <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="user-info-menu right-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="https://www.githubs.cn/" target="_blank">
                            <i class="fa-github"></i>  GitHub
                        </a>
                    </li>
                </ul>
            </nav>


            <!--     BI内部       -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="TG-BI内部"></i>TG-BI内部</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://172.16.3.11:8999/#/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://172.16.3.11:8999">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://172.16.3.11:8999/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Zeppelin-1</strong>
                                </a>
                                <p class="overflowClip_2">Zeppelin</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://172.16.3.199:8999/#/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://172.16.3.199:8999/#/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://172.16.3.11:8999/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Zeppelin-2</strong>
                                </a>
                                <p class="overflowClip_2">Zeppelin</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hnode10:8888/about/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hnode10:8888/about/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://gethue.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Hue</strong>
                                </a>
                                <p class="overflowClip_2">BI hue 中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hnode1:7180/cmf/home', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hnode1:7180/cmf/home, 账号：bietl 密码：bietl@@">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://hnode1:7180/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Cloudera Manager</strong>
                                </a>
                                <p class="overflowClip_2">天狗 Cloudera Manager</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hnode10:18085/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hnode10:18085/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://hnode10:18085/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>柯基</strong>
                                </a>
                                <p class="overflowClip_2">数据同步任务流</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hnode7:7777/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hnode7:7777/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/mail_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>哈士奇</strong>
                                </a>
                                <p class="overflowClip_2">哈士奇发送邮件</p>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://172.16.3.199:8088', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://172.16.3.199:8088">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/superset_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Superset</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI superset</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://172.16.3.199:18630/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://172.16.3.199:18630/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://streamsets.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Streamset</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI Streamset</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hnode10:9001', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hnode10:9001">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://kafka.apache.org/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Kafka</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI kafka</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://172.16.3.25:8888/unified-console.html#', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://172.16.3.25:8888/unified-console.html#">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/druid_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Druid-测试</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI Druid</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://druid.pre.66buy.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://druid.pre.66buy.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/druid_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Druid-线上</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI Druid</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hnode2:8088/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hnode2:8088/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/hadoop_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Yarn</strong>
                                </a>
                                <p class="overflowClip_2">Yarn</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hnode10:18086/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hnode10:18086/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://hnode10:18086/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Labrador</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI Labrador 优化文件大小</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hnode5:8001/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hnode5:8001/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://prestodb.io/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Presto</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI presto</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hnode10:8998/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hnode10:8998/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/livy-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Livy</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI Livy</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://c.51tiangou.com/pages/viewpage.action?pageId=25370523', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://c.51tiangou.com/pages/viewpage.action?pageId=25370523">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://c.51tiangou.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Apache Oozie Coordinator 整理</strong>
                                </a>
                                <p class="overflowClip_2">Apache Oozie Coordinator 整理文档地址</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br/>



            <!-- 常用推荐 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常用网址"></i>常用网址</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://developer.dev.66buy.com.cn/#/home', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://developer.dev.66buy.com.cn/#/home">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/yunguan_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>运管平台</strong>
                                </a>
                                <p class="overflowClip_2">天狗运管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://c.51tiangou.com/pages/viewpage.action?pageId=31162685', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://c.51tiangou.com/pages/viewpage.action?pageId=31162685">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://c.51tiangou.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Confluence</strong>
                                </a>
                                <p class="overflowClip_2">天狗文档中心-BI</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://apollo.66buy.com.cn/signin', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://apollo.66buy.com.cn/signin">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/apollo_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Apollo</strong>
                                </a>
                                <p class="overflowClip_2">天狗Apollo 测试配置中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sa.51tiangou.com/SqlPlus/index', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sa.51tiangou.com/SqlPlus/index">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/sp_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Sql Plus</strong>
                                </a>
                                <p class="overflowClip_2">天狗线上  Mysql SqlPlus</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://mail.51tiangou.com/alimail/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://mail.51tiangou.com/alimail/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/mail_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>天狗邮箱</strong>
                                </a>
                                <p class="overflowClip_2">天狗邮箱网址</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://monitor.51tiangou.com/#/log/keyword/list', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://monitor.51tiangou.com/#/log/keyword/list">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://monitor.51tiangou.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>线上日志中心</strong>
                                </a>
                                <p class="overflowClip_2">天狗线上日志中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://git.66buy.com.cn/data', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://git.66buy.com.cn/data">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://git.66buy.com.cn/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GitLab</strong>
                                </a>
                                <p class="overflowClip_2">代码中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://sic.66buy.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://sic.66buy.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/sic_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SIC-接口中心</strong>
                                </a>
                                <p class="overflowClip_2">SIC-接口中心。老接口中心，新版都在云管平台。</p>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://redmine.51tiangou.com/my/page', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://redmine.51tiangou.com/my/page">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://redmine.51tiangou.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Redmine</strong>
                                </a>
                                <p class="overflowClip_2">Redmine</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://im-monitor.51tiangou.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://im-monitor.51tiangou.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/im_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>天狗监控</strong>
                                </a>
                                <p class="overflowClip_2">天狗监控平台</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://user.51tiangou.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://user.51tiangou.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/zhanghao_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>账号管理中心</strong>
                                </a>
                                <p class="overflowClip_2">账号管理中心-可以修改密码 哈哈</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://dev.51tiangou.com/index/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://dev.51tiangou.com/index/>
                        <div class="xe-comment-entry">
                    <a class="xe-user-img">
                        <img data-src="../assets/images/logos/dizhi_logo.png" class="lozad img-circle" width="40">
                    </a>
                    <div class="xe-comment">
                        <a href="#" class="xe-user-name overflowClip_1">
                            <strong>天狗地址列表</strong>
                        </a>
                        <p class="overflowClip_2">所有地址列表。</p>
                    </div>
                </div>
            </div>
            </div>

            <br />
            <!-- END 常用推荐 -->

            <!-- 天狗测试 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="天狗测试"></i>天狗测试</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://tgbi.test.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://tgbi.test.66buy.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/bi_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>BI</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://seller.test.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://seller.test.66buy.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/seller_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>新版卖家中心</strong>
                                </a>
                                <p class="overflowClip_2">新版卖家中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://m.test.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://m.test.66buy.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://m.51tiangou.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>天狗网</strong>
                                </a>
                                <p class="overflowClip_2">天狗网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://erp.test.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://erp.test.66buy.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/erp_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>营销中心</strong>
                                </a>
                                <p class="overflowClip_2">天狗网营销中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://store.test.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://store.test.66buy.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/maijia_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>卖家中心</strong>
                                </a>
                                <p class="overflowClip_2">天狗网老版卖家中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://order.test.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://order.test.66buy.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/erp_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>订单中心</strong>
                                </a>
                                <p class="overflowClip_2">天狗网订单中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://finance.test.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://finance.test.66buy.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/erp_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>财务中心</strong>
                                </a>
                                <p class="overflowClip_2">天狗财务中心</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--天狗测试 -->

            <!-- 天狗线上 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="天狗线上"></i>天狗线上</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://tgbi.51tiangou.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://tgbi.51tiangou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/bi_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>BI</strong>
                                </a>
                                <p class="overflowClip_2">天狗BI</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://seller.51tiangou.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://seller.51tiangou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/seller_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>新版卖家中心</strong>
                                </a>
                                <p class="overflowClip_2">新版卖家中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://m.51tiangou.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://m.51tiangou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://m.51tiangou.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>天狗网</strong>
                                </a>
                                <p class="overflowClip_2">天狗网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://erp.51tiangou.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://erp.51tiangou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/erp_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>营销中心</strong>
                                </a>
                                <p class="overflowClip_2">天狗网营销中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://store.51tiangou.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://store.51tiangou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/maijia_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>卖家中心</strong>
                                </a>
                                <p class="overflowClip_2">天狗网老版卖家中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://order.51tiangou.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://order.51tiangou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/erp_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>订单中心</strong>
                                </a>
                                <p class="overflowClip_2">天狗网订单中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://finance.51tiangou.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://finance.51tiangou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/erp_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>财务中心</strong>
                                </a>
                                <p class="overflowClip_2">天狗财务中心</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--天狗线上 -->




        <!-- 天狗预发 -->
        <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="天狗预发"></i>天狗预发</h4>
        <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://tgbi.pre.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://tgbi.pre.66buy.com.cn">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/bi_logo.png" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>BI</strong>
                            </a>
                            <p class="overflowClip_2">天狗BI</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://seller.pre.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://seller.pre.66buy.com.cn">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/seller_logo.png" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>新版卖家中心</strong>
                            </a>
                            <p class="overflowClip_2">新版卖家中心</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://m.pre.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://m.pre.66buy.com.cn">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://m.51tiangou.com/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>天狗网</strong>
                            </a>
                            <p class="overflowClip_2">天狗网</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://erp.pre.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://erp.pre.66buy.com.cn">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/erp_logo.png" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>营销中心</strong>
                            </a>
                            <p class="overflowClip_2">天狗网营销中心</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://store.pre.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://store.pre.66buy.com.cn">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/maijia_logo.png" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>卖家中心</strong>
                            </a>
                            <p class="overflowClip_2">天狗网老版卖家中心</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://order.pre.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://order.pre.66buy.com.cn">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/erp_logo.png" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>订单中心</strong>
                            </a>
                            <p class="overflowClip_2">天狗网订单中心</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://finance.pre.66buy.com.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://finance.pre.66buy.com.cn">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/erp_logo.png" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>财务中心</strong>
                            </a>
                            <p class="overflowClip_2">天狗财务中心</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br />
        <!--天狗预发 -->


            <!--工具推荐-->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="工具推荐"></i>工具推荐</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://fanyi.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fanyi.baidu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://fanyi.baidu.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度翻译</strong>
                                </a>
                                <p class="overflowClip_2">百度翻译</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.json.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.json.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.json.cn//favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>JSON 解析</strong>
                                </a>
                                <p class="overflowClip_2">JSON 解析</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.processon.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.processon.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.processon.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>在线作图</strong>
                                </a>
                                <p class="overflowClip_2">在线作图</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://naotu.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://naotu.baidu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://naotu.baidu.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度脑图</strong>
                                </a>
                                <p class="overflowClip_2">百度脑图</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.sqlstyle.guide/zh', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.sqlstyle.guide/zh">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/sqlstyle_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SQL样式指南</strong>
                                </a>
                                <p class="overflowClip_2">SQL样式指南</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <!-- 大数据相关技术官网 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="文件存储"></i>文件存储</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hadoop.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hadoop.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/hadoop_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Hadoop</strong>
                                </a>
                                <p class="overflowClip_2">Hadoop是一个由Apache基金会所开发的分布式系统基础架构</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="离线计算"></i>离线计算</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hadoop.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hadoop.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/hadoop_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Hadoop</strong>
                                </a>
                                <p class="overflowClip_2">Hadoop是一个由Apache基金会所开发的分布式系统基础架构</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://spark.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://spark.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/spark-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Spark</strong>
                                </a>
                                <p class="overflowClip_2">Apache Spark 是专为大规模数据处理而设计的快速通用的计算引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="实时计算"></i>实时计算</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://spark.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://spark.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/spark-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Spark</strong>
                                </a>
                                <p class="overflowClip_2">Apache Spark 是专为大规模数据处理而设计的快速通用的计算引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="数据库"></i>数据库</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://hbase.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://hbase.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/hbase_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Hbase</strong>
                                </a>
                                <p class="overflowClip_2">HBase是一个分布式的、面向列的开源数据库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://redis.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://redis.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/redis-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Redis</strong>
                                </a>
                                <p class="overflowClip_2">Redis（Remote Dictionary Server )，即远程字典服务，是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.mongodb.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.mongodb.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.mongodb.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Mongodb</strong>
                                </a>
                                <p class="overflowClip_2">MongoDB是一个基于分布式文件存储 [1]  的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="资源管理"></i>资源管理</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://hadoop.apache.org/docs/r2.6.0/hadoop-yarn/hadoop-yarn-site/YARN.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://hadoop.apache.org/docs/r2.6.0/hadoop-yarn/hadoop-yarn-site/YARN.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/hadoop_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>YARN</strong>
                                </a>
                                <p class="overflowClip_2">Apache Hadoop YARN （Yet Another Resource Negotiator，另一种资源协调者）是一种新的 Hadoop 资源管理器，它是一个通用资源管理系统，可为上层应用提供统一的资源管理和调度，它的引入为集群在利用率、资源统一管理和数据共享等方面带来了巨大好处</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://mesos.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://mesos.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/mesos_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Mesos</strong>
                                </a>
                                <p class="overflowClip_2">Mesos是Apache下的开源分布式资源管理框架，它被称为是分布式系统的内核。Mesos最初是由加州大学伯克利分校的AMPLab开发的，后在Twitter得到广泛使用。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="日志收集"></i>日志收集</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://flume.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://flume.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/flume-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Flume</strong>
                                </a>
                                <p class="overflowClip_2">Flume是Cloudera提供的一个高可用的，高可靠的，分布式的海量日志采集、聚合和传输的系统，Flume支持在日志系统中定制各类数据发送方，用于收集数据</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://streamsets.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://streamsets.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://streamsets.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Streamset</strong>
                                </a>
                                <p class="overflowClip_2">Streamsets是一款大数据实时采集和ETL工具，可以实现不写一行代码完成数据的采集和流转。通过拖拽式的可视化界面，实现数据管道(Pipelines)的设计和定时任务调度。最大的特点有：
                                    - 可视化界面操作，不写代码完成数据的采集和流转 。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>




            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="消息系统"></i>消息系统</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://storm.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://storm.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/storm-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Storm</strong>
                                </a>
                                <p class="overflowClip_2">Apache Storm是一个分布式实时大数据处理系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://kafka.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://kafka.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://kafka.apache.org/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Kafka</strong>
                                </a>
                                <p class="overflowClip_2">Kafka是由Apache软件基金会开发的一个开源流处理平台，由Scala和Java编写。Kafka是一种高吞吐量的分布式发布订阅消息系统，它可以处理消费者在网站中的所有动作流数据。 </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://zeromq.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://zeromq.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://zeromq.org/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ZeroMQ</strong>
                                </a>
                                <p class="overflowClip_2">ZeroMQ（也称为 ØMQ，0MQ 或 zmq）是一个可嵌入的网络通讯库（对 Socket 进行了封装）</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.rabbitmq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.rabbitmq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.rabbitmq.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Rabbitmq</strong>
                                </a>
                                <p class="overflowClip_2">RabbitMQ是实现了高级消息队列协议（AMQP）的开源消息代理软件（亦称面向消息的中间件）。RabbitMQ服务器是用Erlang语言编写的，而集群和故障转移是构建在开放电信平台框架上的。所有主要的编程语言均有与代理接口通讯的客户端库。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://rocketmq.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://rocketmq.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://rocketmq.apache.org/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Apache RocketMQ</strong>
                                </a>
                                <p class="overflowClip_2">rocketMQ是阿里开源的一款十分优秀的消息队列，rocketMQ具有很多其他消息队列不具有的特性，像事务消息，推拉结合的Api等等</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="查询分析"></i>查询分析</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://hive.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://hive.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/hive_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Hive</strong>
                                </a>
                                <p class="overflowClip_2">hive是基于Hadoop的一个数据仓库工具，用来进行数据提取、转化、加载，这是一种可以存储、查询和分析存储在Hadoop中的大规模数据的机制。hive数据仓库工具能将结构化的数据文件映射为一张数据库表，并提供SQL查询功能，能将SQL语句转变成MapReduce任务来执行。Hive的优点是学习成本低，可以通过类似SQL语句实现快速MapReduce统计，使MapReduce变得更加简单，而不必开发专门的MapReduce应用程序。hive十分适合对数据仓库进行统计分析。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://impala.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://impala.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/impala-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Impala</strong>
                                </a>
                                <p class="overflowClip_2">Impala是Cloudera公司主导开发的新型查询系统，它提供SQL语义，能查询存储在Hadoop的HDFS和HBase中的PB级大数据。已有的Hive系统虽然也提供了SQL语义，但由于Hive底层执行使用的是MapReduce引擎，仍然是一个批处理过程，难以满足查询的交互性。相比之下，Impala的最大特点也是最大卖点就是它的快速</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pig.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pig.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/pig_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Pig</strong>
                                </a>
                                <p class="overflowClip_2">Pig是一个基于Hadoop的大规模数据分析平台，它提供的SQL-LIKE语言叫Pig Latin，该语言的编译器会把类SQL的数据分析请求转换为一系列经过优化处理的MapReduce运算。Pig为复杂的海量数据并行计算提供了一个简单的操作和编程接口。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://prestodb.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://prestodb.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://prestodb.io/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Prestodb</strong>
                                </a>
                                <p class="overflowClip_2">Presto介绍. Presto是一个分布式SQL查询引擎， 它被设计为用来专门进行高速、实时的数据分析。. 它支持标准的ANSI SQL，包括复杂查询、聚合（aggregation）、连接（join）和窗口函数（window</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://drill.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://drill.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://drill.apache.org/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Drill</strong>
                                </a>
                                <p class="overflowClip_2">Apache Drill是一个低延迟的分布式海量数据（涵盖结构化、半结构化以及嵌套数据）交互式查询引擎。分布式、无模式(schema-free)</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://kylin.apache.org/cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://kylin.apache.org/cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/kylin_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Kylin</strong>
                                </a>
                                <p class="overflowClip_2"> Apache Kylin™ 概览. Apache Kylin™是一个开源的、分布式的分析型数据仓库，提供Hadoop/Spark 之上的 SQL 查询接口及多维分析（OLAP）能力以支持超大规模数据，最初由 eBay 开发并贡献至开源社区。. 它能在亚秒内查询巨大的表。. Apache Kylin™ 令使用者仅需三步，即可实现超大数据集上的亚秒级查询。. Kylin 提供与多种数据可视化工具的整合能力，如 Tableau，PowerBI 等，令用 …</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://flink.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://flink.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/flink-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Flink</strong>
                                </a>
                                <p class="overflowClip_2">Apache Flink是由Apache软件基金会开发的开源流处理框架，其核心是用Java和Scala编写的分布式流数据流引擎。Flink以数据并行和流水线方式执行任意流数据程序，Flink的流水线运行时系统可以执行批处理和流处理程序。此外，Flink的运行时本身也支持迭代</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://druidio.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://druidio.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/druid_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Druid</strong>
                                </a>
                                <p class="overflowClip_2">Druid为点击流、APM、供应链、网络监测、市场营销以及其他事件驱动类型的数据分析解锁了一种 新型的查询与工作流程 ，它专为实时和历史数据高效快速的即席查询而设计。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="协调服务"></i>协调服务</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://zookeeper.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://zookeeper.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/zookeeper_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Zookeeper</strong>
                                </a>
                                <p class="overflowClip_2">ZooKeeper是一个分布式的，开放源码的分布式应用程序协调服务，是Google的Chubby一个开源的实现，是Hadoop和Hbase的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="集群管理"></i>集群管理</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ambari.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ambari.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/ambari-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Ambari</strong>
                                </a>
                                <p class="overflowClip_2">Apache Ambari是一种基于Web的工具，支持Apache Hadoop集群的供应、管理和监控。Ambari已支持大多数Hadoop组件，包括HDFS、MapReduce、Hive、Pig、 Hbase、Zookeeper、Sqoop和Hcatalog等。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.nagios.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.nagios.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/nagios_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Nagios</strong>
                                </a>
                                <p class="overflowClip_2">Nagios是一款开源的免费网络监视工具，能有效监控Windows、Linux和Unix的主机状态，交换机路由器等网络设备，打印机等。在系统或服务状态异常时发出邮件或短信报警第一时间通知网站运维人员，在状态恢复后发出正常的邮件或短信通知</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cn.cloudera.com/products/product-components/cloudera-manager.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cn.cloudera.com/products/product-components/cloudera-manager.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/cloudera-logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ClouderaManager</strong>
                                </a>
                                <p class="overflowClip_2">，Cloudera Manager是一个拥有集群自动化安装、中心化管理、集群监控、报警功能的一个工具（软件）</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="数据同步"></i>数据同步</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sqoop.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sqoop.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/sqoop_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Sqoop</strong>
                                </a>
                                <p class="overflowClip_2">Sqoop(发音：skup)是一款开源的工具，主要用于在Hadoop(Hive)与传统的数据库(mysql、postgresql...)间进行数据的传递</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="任务调度"></i>任务调度</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://oozie.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://oozie.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/oozie_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Oozie</strong>
                                </a>
                                <p class="overflowClip_2">Oozie (驯象人)是一个基于工作流引擎的开源框架，由Cloudera公司贡献给Apache的，用在一个工作流内以一个特定顺序运行一组工作或流程。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="数据可视化"></i>数据可视化</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://superset.apache.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://superset.apache.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/superset_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Superset</strong>
                                </a>
                                <p class="overflowClip_2"> Superset后端是基于python开发的，所以也算是python生态的一员。它的三大特点是：开源、轻量级、图表丰富。相比较集成好的软件，Superset是有些使用门槛的，对新手没那么友好</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://powerbi.microsoft.com/zh-cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://powerbi.microsoft.com/zh-cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/powerbi_logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Powerbi</strong>
                                </a>
                                <p class="overflowClip_2">Power BI是微软旗下的一款数据化可视化工具，它能将本地的报表连同数据一起发送到云端，实现数据可视化的实时更新</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>







            <footer class="main-footer sticky footer-type-1">
                <div class="footer-inner">
                    <!-- Add your copyright text here -->
                    <div class="footer-text">
                        &copy; 2021
                        <a href="../cn/about.html"><strong>BI</strong></a> <a href="#" target="_blank"><strong>推荐系统</strong></a>
                        <!--  - Purchase for only <strong>23$</strong> -->
                    </div>
                    <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
                    <div class="go-up">
                        <a href="#" rel="go-top">
                            <i class="fa-angle-up"></i>
                        </a>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">
    $(document).ready(function() {
         //img lazy loaded
         const observer = lozad();
         observer.observe();

        $(document).on('click', '.has-sub', function(){
            var _this = $(this)
            if(!$(this).hasClass('expanded')) {
               setTimeout(function(){
                    _this.find('ul').attr("style","")
               }, 300);
              
            } else {
                $('.has-sub ul').each(function(id,ele){
                    var _that = $(this)
                    if(_this.find('ul')[0] != ele) {
                        setTimeout(function(){
                            _that.attr("style","")
                        }, 300);
                    }
                })
            }
        })
        $('.user-info-menu .hidden-sm').click(function(){
            if($('.sidebar-menu').hasClass('collapsed')) {
                $('.has-sub.expanded > ul').attr("style","")
            } else {
                $('.has-sub.expanded > ul').show()
            }
        })
        $("#main-menu li ul li").click(function() {
            $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
            $(this).addClass('active'); // 添加当前元素的样式
        });
        $("a.smooth").click(function(ev) {
            ev.preventDefault();

            public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
            ps_destroy();
            $("html, body").animate({
                scrollTop: $($(this).attr("href")).offset().top - 30
            }, {
                duration: 500,
                easing: "swing"
            });
        });
        return false;
    });

    var href = "";
    var pos = 0;
    $("a.smooth").click(function(e) {
        $("#main-menu li").each(function() {
            $(this).removeClass("active");
        });
        $(this).parent("li").addClass("active");
        e.preventDefault();
        href = $(this).attr("href");
        pos = $(href).position().top - 30;
    });
    </script>
    <!-- Bottom Scripts -->
    <script src="../assets/js/bootstrap.min.js"></script>
    <script src="../assets/js/TweenMax.min.js"></script>
    <script src="../assets/js/resizeable.js"></script>
    <script src="../assets/js/joinable.js"></script>
    <script src="../assets/js/xenon-api.js"></script>
    <script src="../assets/js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="../assets/js/xenon-custom.js"></script>
    <script src="../assets/js/lozad.js"></script>
</body>

</html>
